/*****************首页板块整体布局*****************/

body{
	
    background: white;

}



.subtitle {

    width: 320px;

    text-align: center;

    margin: 0 auto;

}

.subtitle h3 {

    font-size: 40px;

    color: white;

    font-weight: normal;

}

.subtitle.animated {

    animation-duration: 2s;

}

.subtitle p {

    font-size: 24px;

    color: white;

    font-weight: bold;

    margin-top: 10px;

}

#banner3 .subtitle {

    margin-bottom: 20px;

}   

#banner3{

    height: 730px;

}

#fullpage .section {

    position: relative;

}

/*#fullpage .section p {

    font-size: 20px;

    color: white;


}*/

#fullpage .section p.line{

    opacity: 1;

    transition: 3s;

}

#fullpage .section {

    background: url(../images/bg1.jpg);
	background-size:cover;

}

#fullpage .section_two{
	background: url(../images/bg2.jpg);
	background-size:cover;
}

#fullpage .section_third{
	background: url(../images/bg3.jpg);
	background-size:cover;
}

#fullpage .section_fourth{
	background: url(../images/bg4.jpg);
	background-size:cover;
}


#fullpage .section_fifth{
	background: url(../images/bg5.jpg);
	background-size:cover;
}

#fullpage .section_sixth{
	background: url(../images/bg6.jpg);
	background-size:cover ;
}





#superContainer {

    height: 100%;

    position: relative;

}

.fp-section {

    position: relative;

    box-sizing: border-box;

}

.fp-slide {

    float: left;

}

.fp-slide, .fp-slidesContainer {

    height: 100%;

    display: block;

}

.fp-slides {

    z-index: 1;

    height: 100%;

    overflow: hidden;

    position: relative;

    -webkit-transition: all 0.3s ease-out;

    transition: all 0.3s ease-out;

}

.fp-section.fp-table, .fp-slide.fp-table {

    display: table;

    table-layout: fixed;

    width: 100%;

}

.fp-tableCell {

    display: table-cell;

    vertical-align: middle;

    width: 100%;

    height: 100%;

}

.fp-slidesContainer {

    float: left;

    position: relative;

}

.fp-controlArrow {

    position: absolute;

    z-index: 4;

    top: 50%;

    cursor: pointer;

    width: 0;

    height: 0;

    border-style: solid;

    margin-top: -38px;

}

.fp-controlArrow.fp-prev {

    left: 15px;

    width: 0;

    border-width: 38.5px 34px 38.5px 0;

    border-color: transparent #fff transparent transparent;

}

.fp-controlArrow.fp-next {

    right: 15px;

    border-width: 38.5px 0 38.5px 34px;

    border-color: transparent transparent transparent #fff;

}

.fp-scrollable {

    overflow: scroll;

}

.fp-notransition {

    -webkit-transition: none !important;

    transition: none !important;

}

#fp-nav {

    position: fixed;

    z-index: 100;

    margin-top: -32px;

    top: 40%;

    right: 4%;

    opacity: 1;

}

#fp-nav.left {

    left: 17px;

}

.fp-slidesNav {

    position: absolute;

    z-index: 4;

    left: 50%;

    opacity: 1;

}

.fp-slidesNav.bottom {

    bottom: 17px;

}

.fp-slidesNav.top {

    top: 17px;

}

#fp-nav ul, .fp-slidesNav ul {

    margin: 0;

    padding: 0;

}

#fp-nav ul li, .fp-slidesNav ul li {

    display: block;

    width: 32px;

    height: 32px;

    margin-bottom: 8px;

    position: relative;

}

.fp-slidesNav ul li {

    display: inline-block;

}

#fp-nav ul li a, .fp-slidesNav ul li a {

    display: block;

    position: relative;

    z-index: 1;

    width: 100%;

    height: 100%;

    cursor: pointer;

    text-decoration: none;

}

#fp-nav ul li a.active, .fp-slidesNav ul li a.active {

    background: url(../images/nav_hover.png);

}

#fp-nav ul li a span, .fp-slidesNav ul li a span {

    width: 8px;

    height: 8px;

    background: #cf000d;

    border-radius: 50%;

    position: absolute;

    top: 50%;

    left: 50%;

    margin-left: -4px;

    margin-top: -4px;

}

#fp-nav ul li a:hover {

    background: url(../images/nav_hover.png);

}

#fp-nav ul li:hover .fp-tooltip {

    transition: all 0.1s;

    width: 220px;

    left: -230px;

}

#fp-nav ul li .fp-tooltip {

    position: absolute;

    top: 8px;

    left: 16px;

    color: #aaa;

    font-size: 12px;

    font-family: arial, helvetica, sans-serif;

    white-space: nowrap;

    max-width: 220px;

    overflow: hidden;

    width: 0;

    transition: all 0.7s;

    text-align: right;

}

#fp-nav ul li .fp-tooltip.right {

    right: 20px;

}

#fp-nav ul li .fp-tooltip.left {

    left: 20px;

}

#banner6{

    width: 1000px;

    height: 460px;

    margin:0 auto;

}

/*****************侧边导航*****************/

#contact {

    position: absolute;

    right: -4px;

    top: 247px;

}

#contact ul {

}

#contact ul li, #contact h3 {

    width: 40px;

    height: 40px;

    border-radius: 50%;

    margin-bottom: 10px;

    position: relative;

    cursor: pointer;

    transition: all 0.5s;

    background: #cf000d;

}

#contact ul li:nth-child(1) div {

    top: 12px;

}

#contact ul li:nth-child(2) div {

    top: 0px;

}

#contact ul li:nth-child(3) div {

    top: -135px;

}

#contact ul li:hover div {

    left: -310px;

    width: 300px;

}

#contact ul li img {

    transition: all 0.8s;

}

@keyframes RightToLeft {

    0% {

        transform: translateX(0px);

    }

    50% {

        transform: translateX(-2px);

    }

    0% {

        transform: translateX(0px);

    }

}

#contact ul li:hover img {

    animation: RightToLeft 0.8s forwards;

}

#contact ul li div {

    left: 0px;

    position: absolute;

    width: 0;

    overflow: hidden;

    display: block;

    transition: all 0.5s;

    white-space: nowrap;

    text-align: right;

    line-height: 40px;

    font-size: 13px;

    line-height: 20px;

    font-weight: bold;

    letter-spacing: 2px;

    color: #aaa;

}



/*****************顶部导航*****************/

.header {

    width: 100%;

    height: 89px;

    background-color: rgba(0, 55, 166,0.361);
  	
  	border-bottom: solid 2px #00a8ff;

    position: fixed;

    top: 0px;

    z-index: 999;

    color: white;

    font-size: 12px;

    transition: top 0.8s ease-out 3s;

}

.header.animated {

    animation-duration: 1s;

    animation-delay: 1s;

}

.header #wrap {

    width: 1200px;

    height: 89px;

    margin:0 auto;



}

.header #wrap .h_left {

 	width: 325px;
 	
 	height: 88px;

    float: left;
	
	margin-top: 1px;

}


.header #wrap .h_right {

    float: left;

    width: 725px;



}

.header #wrap .h_right ul {

    width: 890px;    

    line-height: 89px;

}

.header #wrap .h_right ul li {

    float: left;

    position: relative;

    transition: all 0.5s;

    text-align: center;

    margin-left: 25px;

}

/*导航隐藏与展开*/

.header #wrap .h_right ul li dl{
	/*width:auto !important;

	min-width:180px;*/
	 overflow: inherit !important;
	
    position: absolute;

    top: 90px;

    left: 50%;

    display: none;



}

.header #wrap .h_right ul li dl dt{

    min-height: 40px;
 border:none !important;
    

    line-height: 30px;

    display:block;

}



.header #wrap .h_right ul li dl dt:hover{

    background: rgb(207,0,13)!important;

}



.header #wrap .h_right ul li dl dt{

    background:#181a4c;

}



.header #wrap .h_right ul li:hover {

    /*height:65px;*/

    background:#cf000d;

}

.header #wrap .h_right ul li a {

    color: white;

    font-size: 18px;


    letter-spacing: 2px;

    margin: 0 20px;

    display: block;

}



.header #wrap .h_right ul li dl a {

    margin:0;    

    font-weight: normal;

    font-size:14px;

    color: white;

    

}

.header #wrap .h_right ul li dl a:hover{

    color: white;

}



.nav_cur {

    background: -webkit-linear-gradient(bottom, #cf000d 3px, rgba(0, 0, 0, 0) 0%);

}



/*****************banner1*****************/

#banner1 {
	 width: 800px;
    height: 539px;
    position: relative;
    margin: 0 auto;

}


.titgo{
	color: #fff;
}

.btn_titgo_more{
	display: block;
	width: 227px;
	height: 60px;
	background:url(../images/btn_titgo_more.png) no-repeat center;
	color: #fff;
	text-decoration: none;
	font-size: 18px;
	text-align: center;
	line-height: 60px;
}

.titgo p{


    display:block;
	
	overflow: hidden;
    font-size:14px !important;

    width:508px;

    height: 48px;

    margin:0 auto;

    font-weight: normal;

    text-align: left !important;

    line-height:28px;

    border-radius:5px;


    letter-spacing: 1px;


    transition: all 1s;

    /*opacity: 1;*/

    transition: 3s;

    position:relative;

    bottom: 20px;
	
	color: #b8edff !important;


}

#banner1 p a:hover{

    background:rgb(68,155,237);   

}

#banner1 li {

    /*opacity: 1;*/

    transition: all 1s;

}

#banner1 img.img {



    /*底盘*/

    animation-duration: 1.8s;

    animation-delay: 0s;

}

#banner1 .icon li {



    /*图标*/

    animation-duration: 2s;

    animation-delay: 1s;

}

#banner1 .dash li {



    /*线段*/

    animation-duration: 2s;

    animation-delay: 2s;

}



@keyframes titgo{

    

    0%{transform:scale(1)}

    50%{transform:scale(1.1)}

    100%{transform:scale(1)}

}



#banner1 .tit li.titgo{

    animation-name:titgo; 

    animation-delay:0.2s;

    animation-duration: 1.7s;

}

#banner1 .tit li {



    /*标题*/

    animation-duration: 2s;

    animation-delay: 2s;

}



/*#banner1 li{

animation-duration: 3s;

}*/

#banner1 .tit {

    font-size: 22px;

}

#banner1 ul li {

    position: absolute;

}



#banner1 .icon li:nth-child(1) {

    width: 99px;

    height: 94px;

    left: 370px;

    top: 119px;

    background: url(../images/icon1.png);

}

#banner1 .icon li:nth-child(2) {

    width: 77px;

    height: 76px;

    left: 350px;

    top: 223px;

    background: url(../images/icon2.png);

}

#banner1 .icon li:nth-child(3) {

    width: 54px;

    height: 52px;

    left: 297px;

    top: 274px;

    background: url(../images/icon3.png);

}

#banner1 .icon li:nth-child(4) {

    width: 78px;

    height: 73px;

    left: 476px;

    top: 184px;

    background: url(../images/icon4.png);

}

#banner1 .icon li:nth-child(5) {

    width: 77px;

    height: 75px;

    left: 508px;

    top: 240px;

    background: url(../images/icon5.png);

}

#banner1 .icon li:nth-child(6) {

    width: 77px;

    height: 72px;

    left: 600px;

    top: 173px;

    background: url(../images/icon6.png);

}

#banner1 .icon li:nth-child(7) {

    width: 43px;

    height: 44px;

    left: 647px;

    top: 220px;

    z-index: 1;

    background: url(../images/icon7.png);

}

#banner1 .dash li:nth-child(1) {

    width: 242px;

    border-bottom: 2px dashed #FFF;

    left: 152px;

    top: 125px;

}

#banner1 .dash li:nth-child(2) {

    height: 115px;

    border-left: 2px dashed #FFF;

    left: 522px;

    top: 71px;

}

#banner1 .dash li:nth-child(3) {

    height: 50px;

    border-left: 2px dashed #FFF;

    left: 640px;

    top: 126px;

}

#banner1 .dash li:nth-child(4) {

    width: 117px;

    height: 5px;

    border-top: 2px dashed #FFF;

    border-right: 2px dashed #FFF;

    left: 688px;

    top: 241px;

}

#banner1 .dash li:nth-child(5) {

    height: 72px;

    width: 22px;

    border-left: 2px dashed #FFF;

    border-bottom: 2px dashed #FFF;

    left: 325px;

    top: 191px;

}

#banner1 .dash li:nth-child(5) div {

    position: absolute;

    width: 14px;

    border-top: 2px dashed #FFF;

    left: -16px;

    top: 0px;

}



.titgo>video{
	width: 544px;
	height: 348px;
	
	/*background: url(../images/s1_sp.jpg) no-repeat center;*/
}





/*****************banner2*****************/



#banner2 {

    width: 800px;;

    height: 539px;

    position: relative;

    margin: 0 auto;

    transition: all 1s;

    opacity: 0;

}

.tit_banner2{
	width: 100%;
	height: 902px;
	position: absolute;
}


#banner2 li {

    /*opacity: 1;*/

    transition: all 1s;

}

#banner2 img.img {



    /*底盘*/

    animation-duration: 1.8s;

    animation-delay: 0s;

}

#banner2 .icon li {



    /*图标*/

    animation-duration: 2s;

    animation-delay: 1s;

}

#banner2 .dash li {



    /*线段*/

    animation-duration: 2s;

    animation-delay: 2s;

}


#banner2 .tit li.titgo{

    animation-name:titgo; 

    animation-delay:0.2s;

    animation-duration: 1.7s;

}

#banner2 .tit li {



    /*标题*/

    animation-duration: 2s;

    animation-delay: 2s;

}


#banner2 .tit {

    font-size: 22px;

}

#banner2 ul li {

    position: absolute;

}









/*****************banner3*****************/



/*1*/

#cir_wrap{

    border-radius: 50%;

    margin:0 auto;

    /*transform:scale(0.9);*/

 

}

#banner3 {

    width: 800px;

    height: 539px;

    position: relative;

    margin: 0 auto;

    transition: all 1s;

    opacity: 0;

    

}

.tit_banner3{
	width: 1200px;
	height: auto;
	/*
	margin-left: auto;
	margin-right: auto;
	margin-top: 600px;*/
}

.banner3_text{
	float: left;
}

.banner3_text>p{
	margin-top:20px;
	text-align: left;
	font-size: 14px;
	color: #b8edff !important;
}


.btn_titgo_more_banner3{
	display: block;
	width: 227px;
	height: 60px;
	background:url(../images/btn_titgo_more.png) no-repeat center;
	color: #fff;
	text-decoration: none;
	font-size: 18px;
	text-align: center;
	line-height: 60px;
	float: right;
	margin-left: 30px;
	
}

.tit_banner3_text{
	color: #fff;
	position: absolute;
	overflow: hidden;
	top: 70%;
	left: 20%;
}





/*****************banner4****************/

#banner4 {

    width: 800px;

    height: 539px;

    margin: 0 auto;

    position: relative;

     opacity: 0;

     transition: all 1s;

}

#banner4 .left{

    position: relative;

    background:url(../images/banner4_ie8.png);

    float: left;

    width: 480px;

    height: 517px;

}

#banner4 .left .outerIcon{

    width:100%;

    height:100%;

}



#banner4 .left .outerIcon li{

    border-radius: 50%;

    position: absolute;

    background-position: center center;

    animation-duration: 2s;

}



#banner4 .right{

    width: 300px;

    height: 539px;

    float: right;

    color:white;

}

#banner4 .subtitle{

    margin-top: 206px;

    animation-duration: 2s;

}

#banner4 .subtitle .animated{

    animation-duration: 1.5s;

}

#banner4 .right p a{

    color:white;

    display:block;

    font-size:18px;

    width: 168px;

    height: 48px;

    margin:0 auto;

    font-weight: normal;

    margin-top: 30px;

    text-align: center;

    line-height:48px;

    border-radius:5px;

    border:1px solid #83a8dc;

    letter-spacing: 1px;

    background:rgba(68,155,237,0.28);

    transition: all 1s;

    animation-duration: 1s;

}

#banner4 .right p a:hover{

    background:rgb(68,155,237);   

}



@keyframes firstScroll{

    

    0%  {transform: rotate(0deg)}

    100%  {transform: rotate(-360deg)}

}

.firstScroll{

    animation:firstScroll 3s 1s infinite linear 

}





@keyframes secondScroll{

    

    0%  {transform: rotate(0deg)}

    100%  {transform: rotate(360deg)}

}

.secondScroll{

    animation:secondScroll 4s 1s infinite linear 

}





@keyframes fifthScroll{

    

    0%  {transform: rotate(0deg)}

    100%  {transform: rotate(-360deg)}

}



.fifthScroll{

    animation:fifthScroll 5s 1s infinite linear 

}



@keyframes sixthScroll{

    

    0%  {transform: rotate(0deg)}

    100%  {transform: rotate(-360deg)}

}

.sixthScroll{

    animation:sixthScroll 2s 1s infinite linear;

}



@keyframes fourthScroll{

    

    0%  {transform: rotate(0deg)}

    100%  {transform: rotate(-360deg)}

}

.fourthScroll{

    animation:fourthScroll 2s 1s infinite linear;

}



@keyframes thirdScroll{

    

    0%  {transform: rotate(0deg)}

    100%  {transform: rotate(360deg)}

}

.thirdScroll{

    animation:thirdScroll 6s 1s infinite linear;

}



#banner4 .left .innerIcon li{

    position: absolute;

    background-position: center center;

}


.banner4_content{
	width: auto;
	height: auto;
	overflow: hidden;
	position: absolute;
	top: 70%;
	left: 20%;
	
}

.banner4_text{
	color: #fff;
	float: left;
}

.banner4_text>p{
	margin-top:20px;
	color: #b8edff;
}

.banner2_content{
	width: auto;
	height: auto;
	overflow: hidden;
	position: absolute;
	top: 85%;
	left: 20%;
	
}

.banner2_text{
	color: #fff;
	float: left;
}

.banner2_text>p{
	margin-top:20px;
	color: #b8edff;
}


.bannero1_content{
	width: auto;
	height: auto;
	overflow: hidden;
	position: absolute;
	top: 70%;
	left: 27%;
	
}

.bannero1_text{
	color: #fff;
	float: left;
}

.bannero1_text>p{
	text-align:left;
	margin-top:20px;
	color: #b8edff;
}


/*****************banner5*****************/


.banner5_content{
	width: auto;
	height: auto;
	overflow: hidden;
	position: absolute;
	bottom: 0;
	left: 20%;
	
}

.banner5_text{
	color: #fff;
	float: left;
}

.banner5_text>p{
	margin-top:20px;
	
	color: #b8edff;
}


#banner5 {

    width: 800px;  
    
    height: 539px;  

    margin: 0 auto;

    position: relative;

    opacity: 1;

    transition: all 1s;

}

#banner5 .news{

    display: table;

    width: 100%;

    height: 100%;

}

#banner5 .news_l{

    width: 374px;

    height: 357px;

    position: relative;

    float: left;

    background: url();

}





#banner5 .news_l{



    width: 374px;

    height: 357px;

    position: relative;

    float: left;

    background: url(../images/banner5.png);

}

#banner5 .subtitle{

    margin-bottom: 30px;

}



.innerCirScroll{

    transform:rotate(360deg);

    transition:all 2.7s; 

}

#banner5 .news_l li.innerMinCirScroll{

    transform: scale(1) !important;

    

}



#banner5 .news_r{

    width: 374px;

    height: 357px;

    float: right;

    padding-top: 70px; 

}

#banner5 .news_r p:nth-child(2){

    margin:30px 0 30px 0;

}



#banner5 .news_r p a.btn{

    color:white;

    display:block;

    font-size:18px;

    width: 168px;

    height: 48px;

    margin:0 auto;

    font-weight: normal;

    margin-top: 20px;

    text-align: center;

    line-height:48px;

    border-radius:5px;

    border:1px solid #b3010e;

    letter-spacing: 1px;

    background:rgba(207,0,13,0.28);

    transition: all 1s;

    animation-duration: 1s;

}

#banner5 .news_r p a.btn:hover{

    background:rgb(207,0,13);   

}



/*****************底部*****************/



#footer{

    width:100%;

    color:white;

    font-size: 12px;

    letter-spacing: 2px;

}

.f_wrap:after{

    content:".";

    color:transparent;

    display: block;

    clear: both;

}

.f_wrap{
	 
    width:940px ;

    padding:50px; 
 
    height:400px; 

    margin:0 auto;

    background:rgba(30,33,73,.6);

}

.f_wrap ul{

    float: left;

    margin:0 15px;

    text-align: center;

    /*width: 115px;*/

}

.f_wrap ul h3{

    font-size: 16px;

    padding-bottom: 23px;

}

.f_wrap ul li{

    margin-bottom:1em;

    color: white;

}



.f_wrap ul li a{

    color: white;

    font-size: 14px;

}

.f_wrap ul li a:hover{

    color: #cf000d;

    font-weight: bold;

    text-decoration: underline;



}

#wechat{



    width: 174px;

    height: 400px;

    text-align: center;

    display:table-cell;

    float: right;

    vertical-align: middle

}

#wechat h3{

    margin-bottom:20px;

}



#cir1 div.minFocus{

    background:#cf000d;

}

#cir1 div.minBlur{

    background:#999999;

}

#wechat>img{
	width: 174px;
	height: auto;
	overflow: hidden;
}



/*兼容代码*/



#cir3_mask{

    display: block;

    content: ".";

    width:90px;

    height:90px;

    color:transparent;

    border-radius:50%;

    position: absolute;

    left: 50%;

    top: 50%;

    margin-left: -45px;

    margin-top: -45px;

    z-index: 999;

    background: url(../images/cir3_mask.png) no-repeat center center;

    /*background:red;*/

}

#banner3wrap{

    width:100%;

    height: 902px;

}

#banner3inner{

    position: absolute;

    width:290px;

    height: 290px;

    border-radius:50%;

    left:50%;

    top:50%;

    margin-top: -130px;

    margin-left: -145px;

    cursor: pointer;

}

#banner3wrap dl{

    position: absolute;

    width: 80px;

    height: 80px;

    cursor: pointer;

}



/*新闻自动上翻*/

#news_box{

width: 350px;   

height: 70px;

overflow: hidden;

text-align: center;

display: block;

}



#news_box tr{

height: 70px;

overflow: hidden;

text-overflow:ellipsis;

}

#news_box tbody{

display: block;

}